<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:c="http://java.sun.com/jsf/composite/componentes"
                template="../template.xhtml">
    <ui:define name="conteudo">
        <h:form styleClass="form-estilo" prependId="false" rendered="#{listarMembro.autorizar('PAPEL_EDITAR_USUARIO')}">
            <h2>Editar Usuário</h2>
            <fieldset>
                <legend>Detalhes</legend>
                <h:link outcome="LISTAR_USUARIO_ENCAMINHAR">
                    <h:commandButton styleClass="commandButton" value="#{i18n.botao_voltar}"/>
                </h:link>
                <h:commandButton styleClass="commandButton" action="#{editarUsuario.salvar}" value="#{i18n.botao_salvar}"/>
                <br/><br/>
                <h:panelGrid columns="2">
                    <h:outputLabel value="#{i18n.usuario_nome}"/>
                    <h:inputText value="#{editarUsuario.objeto.nome}" label="#{i18n.usuario_nome}" size="50"/>
                    <h:outputLabel value="#{i18n.usuario_senha}"/>
                    <p:password value="#{editarUsuario.objeto.senha}" minLength="10"/>
                </h:panelGrid>

                <br/>

                <p:tabView rendered="#{editarUsuario.objeto.id != null}">
                    <p:tab title="Perfil">

                        <h:form prependId="false">
                            <h:panelGrid columns="2">
                                <h:outputLabel value="#{i18n.perfil_nome}"/>
                                <h:column/>
                                <h:inputText id="inputTextNome" value="#{editarUsuario.perfil.nome}" size="50"/>
                                <h:outputLink title="clique aqui para consultar" value="javascript:void(0)" onclick="painelConsultarPerfil.show()">
                                    <h:graphicImage value="#{resource['img:consultar.png']}" style="border: 0px;"/>
                                </h:outputLink>
                            </h:panelGrid>

                            <h:commandButton styleClass="commandButton" alt="clique para incluir perfil" value="Incluir" actionListener="#{editarUsuario.incluir}">
                                <f:ajax execute="@form" render="@form"/>
                            </h:commandButton>
                            <p:dialog widgetVar="painelConsultarPerfil" header="Consultar Perfil" modal="true" fixedCenter="true" effect="FADE" width="400px" height="320px">
                                <ui:include id="pagina" src="/seguranca/consultarPerfil.xhtml">
                                    <ui:param name="alvo" value="#{editarUsuario.perfil}"/>
                                </ui:include>
                            </p:dialog>
                            <br/><br/>
                            <p:dataTable id="dataTablePerfil"
                                         var="perfil"
                                         value="#{editarUsuario.objeto.perfis}"
                                         paginator="true"
                                         rows="5"
                                         firstPageLinkLabel="Primeiro"
                                         previousPageLinkLabel="Anterior"
                                         nextPageLinkLabel="Próximo"
                                         lastPageLinkLabel="Último">
                                <p:column width="400">
                                    <f:facet name="header">
                                        <h:outputText value="#{i18n.perfil_nome}"/>
                                    </f:facet>
                                    <h:outputText value="#{perfil.nome}"/>
                                </p:column>
                                <p:column width="50">
                                    <f:facet name="header">
                                        <h:outputText value="Remover"/>
                                    </f:facet>
                                    <h:commandLink actionListener="#{editarUsuario.remover(perfil)}">
                                        <f:ajax execute="@form" render="@form"/>
                                        <h:graphicImage style="border: 0px;" value="#{resource['img:remover.png']}"/>
                                    </h:commandLink>
                                </p:column>
                            </p:dataTable>

                        </h:form>
                    </p:tab>
                </p:tabView>                

            </fieldset>
        </h:form>
    </ui:define>
</ui:composition>
